<template>
	<view class="content">
		<view class="haderback" @click="goback">
			<image class="image1" :src="proxy.serverimageUrl + 'back.png'" mode=""></image>
			<view class="right-text">
				申请加入
			</view>
		</view>
		<view class="scheduleBox">
			<view class="scheduleBox-item" v-for="(item,index) in tablist" :key="index">
				<image class="image2" v-if="imageshow == index" :src="proxy.serverimageUrl + item.imageurlact" mode=""></image>
				<image class="image2" v-else :src="proxy.serverimageUrl + item.imageurl" mode=""></image>
				<!-- <image  :src="'../static/headerbg' + item.imageurlact" mode=""></image> -->
				<view class="text" :style="{color:imageshow == index?'#ffffff':'#F6F9FD'}">
					{{item.title}}
				</view>
				<view class="kongline">

				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		defineProps,
		getCurrentInstance
	} from 'vue';
	const {
		proxy,
		ctx
	} = getCurrentInstance()
	const props = defineProps({
		imageshow: Number
	})
	const emit = defineEmits(['change', 'delete'])
	const goback = () =>{
		emit('instruct', 'back')
	}
	const tablist = reactive([{
			title: '基本信息',
			imageurl: 'headerbg/usericon.png',
			imageurlact: 'headerbg/usericonact.png'
		},
		{
			title: '企业信息',
			imageurl: 'headerbg/city.png',
			imageurlact: 'headerbg/cityact.png'
		},
		{
			title: '其他信息',
			imageurl: 'headerbg/text.png',
			imageurlact: 'headerbg/textact.png'
		}
	])
</script>

<style scoped lang="scss">
	.content {
		width: 750rpx;
		height: 1140rpx;
		background: linear-gradient(0deg, #F4F5F8, #164FCE);
		padding: 115rpx 40rpx 0;

		.haderback {
			display: flex;
			align-items: center;

			.image1 {
				width: 18rpx;
				height: 34rpx;
			}

			.right-text {
				margin-left: 22rpx;
				font-family: Alibaba PuHuiTi;
				font-weight: 500;
				font-size: 36rpx;
				color: #FFFFFF;
			}
		}

		.scheduleBox {
			margin-top: 57rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.scheduleBox-item {
				display: flex;
				align-items: center;

				.image2 {
					width: 34rpx;
					height: 34rpx;
				}

				.text {
					margin-left: 15rpx;
					font-family: Alibaba PuHuiTi;
					font-weight: 400;
					font-size: 26rpx;
					color: #F6F9FD;
				}

				.kongline {
					width: 35rpx;
					height: 2rpx;
					margin-left: 30rpx;
					background: #CCDAF8;
				}
			}
			.scheduleBox-item:last-child{
				.kongline{
					display: none;
				}
			}
		}
	}
</style>